<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>全国电商</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui-win.css" />
    <style>
        a {
            text-decoration: none;
        }
        /*设置内容区样式*/
        body {
            min-width: 320px;
            background:white !important;
        }
       
        #news ul li a.active {
            background-color: #d9e4e9;
        }
        #inEc{
            height: 140px;}
        #inEc ul{
            overflow: visible;
        }
       
        .ecinfoList{
            height:120px;
            /*overflow: visible;*/
        }
        .ecinfoList li img, #inEc ul li img, #adlist li img {
            height: 70px;
            display:inline-block;
        }
        .jobTitle, #inEc h3 {
            width: 100%;
            font-size: 20px;
            height: 40px;
            background: white;
            line-height: 40px;
        }
        .jobTitle span, #inEc h3 span {
           margin-left: 15px;
            font-weight: 500;
            font-size:16px;
            color: #00abfd;
            font-weight: bold;
        }
        h4 {
            width:100%;
            text-align: center;
            margin: 0;
            padding: 0;
            height: 20px;
            font-size:16px;
            font-weight: 500;
            overflow:hidden;
        }
        #adlist{
            padding-top: 5px;
            height: 110px;
            text-align: center;
            margin-left:2%;
            /*background: red;*/
        }
        *{
            margin: 0;
            padding: 0;
        }
        body{
            overflow-x:hidden;
        }
        #slide ul{
            height: 150px;
        }
        #slide a{
            display: block;
            float: left;
        }
        #slide img{
            width: 100%;
            height: 100%;
        }
        #showInfo b{
            width: 8px;
            height: 8px;
            display: block;
            border:1px solid black;
            border-radius: 8px;
            float: left;
            background: blue;
            position: absolute;
        }
        #lunbo{
            position: relative;
            height: 150px;
            overflow: hidden;
        }
        #divLeft{
            width: 20px;
            height: 20px;
            position: absolute;
            z-index: 666;
        }
        #divRight{
            width: 20px;
            height: 20px;
            position: absolute;
            z-index: 666;
            left: 100%;
            margin-left: -20px;
        }
     /*slide*/
 .swipe {
        overflow: hidden;
        visibility: hidden;
        position: relative;
    }
    .swipe-wrap {
        overflow: hidden;
        position: relative;
    }
    .swipe-wrap > figure {
    	height:130px;
        float: left;
        width: 100%;
        position: relative;
    }
    #slider {
        margin: 0px auto; /* 居中对齐 */
    }

    figure {
        margin: 0;/* 对齐，四周宽度都为0，在轮播的时候，以整张图片进行移动 */
    }
    .swipe-wrap img {
		height: 130px;
		width: 100%;
	}
    nav{
	    position: absolute;
		right: 10px;
		bottom: 12px;
		overflow: hidden;
    }
    #position {
        text-align: center;
        list-style: none;
        margin: 0;
        padding: 0
    }
    #position li {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #141414;
        margin: 0 2px;
        cursor: pointer;
        float: left;
    }
    #position li.on {
        background-color: #1293dc;
    }
    .ecinfoList h4{
        display: none;
    }
    .li_h{
        width: 100%;
        height: 40px;
        line-height: 40px;
        background:#eee;
        margin-bottom: 10px;
        color: #333;
        text-indent: 1em;
    }
    .content_li{
        float: left;
        width: 20%;
        margin-left:4%;
        margin-bottom:10px;
    
    }
    .content_li p{
        text-align: center;
    }
    .content_li img{
        width: 100%;
        border-radius:8px;
    }
    </style>
</head>
<body>

	<div class="div_loding_img">
		数据加载中
	</div>

<header class="aui-bar aui-bar-nav aui-bar-yunzo" id="aui-header">
		<a class="aui-btn aui-bar-yunzo aui-pull-left" id="back" onclick="back_go()"> <span class="aui-iconfont aui-icon-left"></span></a>
		<div class="aui-title" id="title">
			全国电商
		</div>
</header>
<div class="margin_div"></div>
  <!-- 顶部轮播图 -->
     <div id="slider" class="swipe" style="visibility:visible;">
		    <div class="swipe-wrap">
		    </div>
		    <nav>
			    <ul id="position">
			        <li class="on"></li>
			        <li class=""></li>
			        <li class=""></li>
			    </ul>
			</nav>
		</div>
<!--内部电商-->
<div id="inEc">
    <h3><span>全国电商</span></h3>
    <ul id="content_ul">
       
    </ul>
</div>
<script src="../../script/jquery-1.10.2.min.js"></script>
<script src="../../script/common.js"></script>
<script src="../../script/swipe.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	goback("../main.html");
	getaAd();
});
//获取投放广告
sTart_Stop();
function getaAd() {
	var Post=basedata('adinfo')+"&adtype=2";
	$.ajax({
		url:'../../../api/getadimagebymidlist',
		type:'post',
		data:Post,
		success:function(msg){
			if(msg.code ==100){
				console.log(msg);
				var len=msg.data.length;
				var html='';
				for(var i=0;i<len;i++){
					//html+='<figure><div class="face faceInner"><img src="'+msg.data[i].n2+'" width="100%" height="100%" /></div></figure>';
					html+="<figure><div class='face faceInner'><img src='"+msg.data[i].n2+"' width='100%' height='100%' onclick=\"openpageparam('adinfo.html','adid="+msg.data[i].n0+"')\" /></div></figure>";
				}
				var swipeWrap=$(".swipe-wrap");
				swipeWrap.append(html);
				initSlide();
			}else{
				alert("无法找到相关信息，请检查网络链接是否正常！")
			}
		}
	});
}

//定制的图片轮播函数
function initSlide() {
	var bullets = document.getElementById('position').getElementsByTagName('li');
	var slider=Swipe(document.getElementById('slider'), {
            auto: 5000,
            continuous: true,
            disableScroll : true,
    		stopPropagation : true,
            callback: function(pos) {
                var i = bullets.length;
                while(i--){
                    bullets[i].className = ' ';
                }
                bullets[pos].className = 'on';
            }
        });
}
function weijieru(num){
    $('#'+num).fadeIn(1000);
    setTimeout(function(){
        $('#'+num).fadeOut(1000);
    },3000)
    alert("请联系商会秘书处接入……")
}
function openthreepage(htmlName){
    window.location = htmlName;
}
var type=1;
var str="";
var pagesize=50;
var src;
var post =basedata('ecinfo')+"&pagesize="+pagesize+"&type="+type;
ajaxcocRequest('../../../api/group/getgroupecprodinfolist', 'post', post, function(msg){
	if(msg.code ==100){
		if(msg.data.length==0){
			$("#content_ul").html("<div style='width:20%;margin:40px 0 0 40%;'><img src='../../image/gantan.png' style='width:100%;'></div><p style='width:100%;text-align:center;margin-top:30px;color:#999;font-size:18px;'>暂时没人任何电商信息！</p>")
		}
		else{
			
			for(var i=0;i<msg.data.length;i++){
                var setim=msg.data[i].n4;
				str+='<li class="li_h">'+msg.data[i].n1+'</li>'
                for(var j=0;j<setim.length;j++){
                	if(setim[j].n3==""){
        				src="../../image/defaultImg2.png"
        			}
        			else{
        				src=setim[j].n3;
        			}
                    str+='<a href="../first_frame/ecinfo_xiongdanfen.html?infoid='+setim[j].n0+'&name='+setim[j].n1+'"><li class="content_li"><img src="'+src+'"><p>'+setim[j].n1+'</p></li></a>'
                }
			}
            $("#content_ul").html(str)
            $(".content_li img").height($(".content_li img").width())
            $(".li_h:contains('内部电商')").css("display","none")
            $(".content_li p:contains('大数据')").parent().css("display","none")
            $(".content_li p:contains('app定制')").parent().css("display","none")
            $(".content_li p:contains('红酒')").parent().css("display","none")
            $(".content_li p:contains('星级酒店')").parent().css("display","none")
            $(".content_li p:contains('帆船')").parent().css("display","none")
            $(".content_li p:contains('高尔夫')").parent().css("display","none")
		}
	}
	else{
		alert("无法找到相关信息，请检查网络链接是否正常！")
	}
})

</script>
</body>
</html>